/*
* @Author: Josh
* @Date:   2019-08-14 21:35:39
* @Last Modified by:   Administrator
* @Last Modified time: 2019-08-27 16:09:25
*/

/* 
*    若页面需要固定的导航、标题栏
*    并需要内容区自动做出适配
*    需要在结构上将导航、标题栏添加在内容区前面
*/

/*内容区*/
.ju-content {
    height    : 100%;
    box-sizing: border-box;
    position  : relative;
    overflow-y: auto;
}

/*根据是否有header和navbar自动适应内容区高度*/
.ju-header ~ .ju-content {
    padding-top   :2.3rem;
}
.ju-navbar ~ .ju-content {
    padding-bottom: 2.5rem;
}


/* 内容分区——Panel面板 */
/* Panel标题区 */
.ju-content .ju-panel-title {
    height      : 1.8rem;
    line-height : 1.8rem;
    padding-left: 1rem;
    color       : #aaa;
    background  : #fff;
    border-top  : 1px solid #eee;
    font-size   : 14px;
    font-weight : normal;
}
/* 标题导航 */
.ju-content .ju-panel-title > .ju-panel-link {
    float       : right;
    margin-right: 1rem;
    color       : #aaa;
}

/* Panel内容区 */
.ju-content .ju-panel-body {
    position     : relative;
    margin-bottom: .6rem;
    padding      : .6rem 1rem;
    background   : #fff;
    overflow     : hidden;
    border-top   : 1px solid #eee;
    border-bottom: 1px solid #eee;
}
/* 设置是否有内边距 */
.ju-content .ju-panel-body.no-padding {
    padding: 0;
}